$(function() {
	//改变用户名
	if(window.name){
		$('.a1').text(window.name);
	}
	//点击图片跳转到首页
	$('.ToFirst').on('click',function(){
		location="/HomePage.html"
	});
	//点击用户跳转到登录页面
	$('.userinfo').on('click',function(){
		location="/register.html";
	});
	//创建弹窗广告
	let advertisement = $('<div class="advertisement"><img src="img/kefu_pop_mid.png"></div>');
	advertisement.css({
		position: "fixed",
		left: "50%",
		bottom: "30px",
		zIndex: 888,
		marginLeft: "-600px"
	})
	advertisement.appendTo($(document.body));
	advertisement.on('click', function() {
		this.remove();
	})
	//根据滚动条显示固定栏
	$(".content>.center").each(function(index, ele) {
		$('.FixedNavLeft').find('li')[index].num = index;
	})
	$('.FixedNavLeft').find('li').on('click', function() {
		let self = this;
		$(document.documentElement).stop().animate({
			scrollTop: ($(".content>.center").eq(self.num).offset().top - 100)
		}, 500)
	})
	$(window).on("scroll", _.throttle(function() {
		if ($(this).scrollTop() > 500) {
			$('.FixedNavbar').css('display', 'block')
		} else {
			$('.FixedNavbar').css('display', 'none')
		}
		let self = this;
		$(".content>.center").each(function(index, ele) {
			if ($(self).scrollTop() > $(ele).offset().top - 150) {
				$('.FixedNavLeft').find('li').eq(index).addClass('color').siblings()
					.removeClass('color')
			}
			if ($(self).scrollTop() > 2500) {
				$('.FixedNavLeft').find('li').removeClass('color')
			}
		})
	}, 800))
	//点击右侧导航栏回到顶部
	$('.FixedNavRight').find('.goTop').on('click', function() {
		let timer = 0;
		clearInterval(timer);
		timer = setInterval(function() {
			if ($(window).scrollTop() <= 0) {
				clearInterval(timer)
			}
			let step = $(window).scrollTop() / 10;
			$(window).scrollTop($(window).scrollTop() - step);
		}, 30)
		console.log(1111)
	});
	//头部图片切换变换
	$('.header-top img').attr('src', 'img/images/img6.jpg');
	setTimeout(function() {
		$('.header-top').animate({
			'height': 80
		}, 3000, function() {
			$('.header-top img').attr('src', 'img/images/20210315094136_844.jpg');
		});
	}, 3000)

	$(".ul2>li").on('mouseenter', function() {
		$(this).find('a').css('color', 'red')
		$(this).find('ul').show();
		$(this).find('ul').children().on('mouseenter', function() {
			$(this).css('color', 'red').siblings().css('color', '')
		})
	}).on('mouseleave', function() {
		$(this).find('a').css('color', '')
		$(this).find('ul').hide()
	})
	//为seach-ul设置动画
	var num = 0;
	setInterval(function() {
		num++;
		if (num > 3) {
			num = 0;
			$('#seach_ul').css('top', 0)
		};
		$('#seach_ul').animate({
			top: -41 * num
		})
	}, 2000)
	//为CarUl绑定动画
	$('.CarUl>li').on('mouseenter', function() {
		$(this).css('color', "pink")
	}).on('mouseleave', function() {
		$(this).css('color', '')
	})
	//为CarUl下的ul绑定动画
	$('.CarUl ul').children().on('mouseenter', function() {
		$(this).css('backgroundColor', "white").css('color', 'blue');
		$(this).find('.center').addClass('ICanSee');
		$(this).find('.right').addClass('ICanSee');
	}).on('mouseleave', function() {
		$(this).css('backgroundColor', '').css('color', 'white');
		$(this).find('.center').removeClass('ICanSee');
		$(this).find('.right').removeClass('ICanSee');
	})
	//轮播图
	$.fn.extend({
		carousel() {
			$('<span class="color">体魄天天健</span><span>男科会场</span><span>新会员福利</span><span>心脑血管会场</span><span>护肝日</span>')
				.appendTo($('.CarouselSpan'));
			//克隆第一张图片到最后
			this.append(this.children().eq(0).clone())
			//自动轮播
			var Temp = 0;
			var imgTemp = 0;
			let self = this;

			function autoplay() {
				Temp++;
				imgTemp++;
				if (Temp > 5) {
					Temp = 1;
					self.css("left", 0)
				}
				self.stop().animate({
					left: -1190 * Temp
				})
				if (imgTemp > 4) {
					imgTemp = 0;
				}
				$('.CarouselSpan').children().eq(imgTemp).addClass('color').siblings().removeClass();
			}
			var timer = setInterval(autoplay, 5000);
			$('.img').on('mouseenter', function() {
				clearInterval(timer);
			})
			$('.img').on('mouseleave', function() {
				timer = setInterval(autoplay, 5000)
			})
			$('.CarouselSpan').children().click(function() {
				imgTemp = Temp = $(this).index() - 1;
				autoplay()
			})
		}
	})
	$(".CarouselImg").carousel();
	//给CarouselSpan绑定tab栏切换
	$('.carouselcenter>.right>p a').on('mouseenter', function() {
		$(this).addClass('aColor').siblings().removeClass('aColor');
		$('.carouselcenter>.right dl').eq($(this).index()).addClass('right_dl').siblings().removeClass(
			'right_dl');
	})
	//给right_dl绑定按键移动事件
	$(".carouselcenter .right dl dd").on('mouseenter', function() {
		$(this).css('color', 'red').siblings().css('color', 'black')
	}).on('mouseleave', function() {
		$(this).css('color', 'black')
	})

	//为商品绑定移入事件
	$('.content .shop').find('img').on('mouseenter', function() {
		$(this).stop().animate({
			marginTop: -15
		}, 500)
	}).on('mouseleave', function() {
		$(this).stop().animate({
			marginTop: 0
		}, 500)
	})
	$('.shop_inner').find('a').on('mouseenter', function() {
		$(this).css('color', "red")
	}).on('mouseleave', function() {
		$(this).css('color', "")
	})
	
	//移入购物车显示
	$('.FixRight>ul').first().on('mouseenter', function() {
		$(this).find('.shopArea').css("display", "block")
	}).on('mouseleave', function() {
		$(this).find('.shopArea').css("display", "none")
	})
	//点击购物车跳转
	$('.shopCart').on('click',function(){
		var index = layer.load(1, {
		  shade: [0.1,'#fff'] //0.1透明度的白色背景
		});
		let timer=0;
		timer=setTimeout(function(){
			layer.close(index);
			location = "http://10.41.152.2:8080/Cart.html";
		},1000)
	})

	//点击商品进入详情页
	$('.shop_inner').eq(0).on('click',function(){
		var index = layer.load(1, {
		  shade: [0.1,'#fff'] //0.1透明度的白色背景
		});
		let timer=0;
		timer=setTimeout(function(){
			layer.close(index);
			location = "http://10.41.152.2:8080/details.html";
		},1000)
		return false
	})

})



//飞入购物车
$(function() {
	if(!window.name){
		layer.msg("亲,请登录!");
		return
	}
	$('.ZX').on('click', function() {
		console.log(111)
		window.name = "";
	})
	$('.content .shop dl dt>img').on('click', _.throttle(function() {
		let cloneDl = $(this).parents("dl").clone(false);
		let cloneDl2 = $(this).parents("dl").clone(false);
		cloneDl.addClass('cloneDl');
		cloneDl.find('p').eq(2).remove();
		let cloneImg = $(this).clone(false);
		cloneImg.css({
			zIndex:999,
			position: "absolute",
			left: $(this).offset().left,
			top: $(this).offset().top,
		});
		cloneImg.appendTo($(document.body));
		let Mu = $('.shopCart').offset();
		Mu.width = 0;
		Mu.height = 0;
		Mu.top = parseInt(Mu.top) + $('.shopCart').height() / 2;
		cloneImg.stop().animate(Mu, 1000, function() {
			cloneImg.remove();
			cloneDl.appendTo($(".shopArea"));
			let usercart = {
				uname:window.name,
				name: cloneDl2.find('a').text(),
				details: cloneDl2.find('p').eq(1).text(),
				num: 1,
				price: cloneDl2.find('p').eq(2).children().eq(0).text(),
				img: cloneDl2.find('img').attr('src')
			};
			$.post('http://10.41.152.2:8080/cart', usercart, function(data){
				layer.msg('加入购物车成功');
			})
			cloneDl2.remove();
		});
	}, 500))
})
